<template>
  <div class="" :id="id">
    <basic-table
      :table-title="tableTitle"
      :data-source="dataSource"
      :data-params="dataParams"
      :is-search="false"
      :multiple-table="false"
      :stripe="true"
      :spanArr="spanArr"
      class="mt-4"
    >
      <template v-slot:check="scope">
        <el-button type="text">预览</el-button>
      </template>
    </basic-table>
  </div>
</template>
<script>
import BasicTable from '@/components/BasicTable/index.vue'
import { getComZiZhis } from '@/api/company'

export default {
  name: 'Qualifications',
  components: { BasicTable },
  props: {
    companyId: { type: String, default: '' },
    id:{ type: String, default: '' }
  },
  data() {
    return {
      spanArr:[{ spanColumnIndex:1, spanName: 'ZzType'}],
      dataSource: () => getComZiZhis,
      dataParams: {
        companyId: ''
      },
      tableTitle: [
        {
          label: '资质类别',
          value: 'ZzType',
          show: true,
          type: 'text',
          width: 150
        },
        {
          label: '资质证书号',
          value: 'ZzCode',
          show: true,
          type: 'text',
          width: 150
        },
        {
          label: '资质名称',
          value: 'ZzName',
          show: true,
          type: 'text'
        },
        {
          label: '发证日期',
          value: 'ZzBegTime',
          show: true,
          type: 'text'
        },
        {
          label: '发证有效期',
          value: 'ZzEndTime',
          show: true,
          type: 'text'
        },
        {
          label: '发证机关',
          value: 'ZzOffice',
          show: true,
          type: 'text'
        }
      ]
    }
  },
  created() {
    this.dataParams.companyId = this.companyId
  },
  
}
</script>
